// import axios, { AxiosResponse, AxiosRequestConfig } from 'axios';
import axios, { AxiosResponse } from 'axios';
import storage from './storage'

/**axios封装
 * 请求拦截、相应拦截、错误统一处理
 */
import { message } from 'antd'
// import QS from "qs";

// 环境的切换--需要改
const BASEURL = process.env.NODE_ENV === "production" ? process.env.REACT_APP_API : process.env.REACT_APP_API;

axios.defaults.baseURL = BASEURL;
// 请求超时时间
axios.defaults.timeout = 15000;

// post请求头
axios.defaults.headers.post["Content-Type"] =
  "application/x-www-form-urlencoded;charset=UTF-8";

interface UserData {
  role?: string,
  token?: string,
  username?: string
}
const token = storage.session?.get?.('token');
const data = storage.session?.get?.('userData') as object;
// 请求拦截器
axios.interceptors.request.use(
  config => {
    // 每次发送请求之前判断是否存在token，如果存在，则统一在http请求的header都加上token，不用每次请求都手动添加了
    // 即使本地存在token，也有可能token是过期的，所以在响应拦截器中要对返回状态进行判断
    if ((token && data) !== null) {
      const { username } = data as UserData
      config.headers['Token'] = token
      config.headers['Username'] = username
      return config
    }
    return config;
  },
  error => {
    return Promise.reject(error);
  }
);

// 响应拦截器
axios.interceptors.response.use(
  response => {
    if (response.status === 200) {
      // 在验证后端给的code
      if (response.data.resCode !== 0) {
        message.error(response.data.message);
        return Promise.reject(response);
      }
      return Promise.resolve(response);
    } else {
      return Promise.reject(response);
    }
  },
  // 服务器状态码不是200的情况
  error => {
    if (error.response.status) {
      switch (error.response.status) {
        // 401: 未登录
        // 未登录则跳转登录页面，并携带当前页面的路径
        // 在登录成功后返回当前页面，这一步需要在登录页操作。
        case 401:
          // router.replace({
          //     path: '/login',
          //     query: { redirect: router.currentRoute.fullPath }
          // });
          break;
        // 403 token过期
        // 登录过期对用户进行提示
        // 清除本地token和清空vuex中token对象
        // 跳转登录页面
        case 403:
          message.error('登录过期，请重新登录');
          // Toast({
          //     message: '登录过期，请重新登录',
          //     duration: 1000,
          //     forbidClick: true
          // });
          // // 清除token
          // localStorage.removeItem('token');
          // store.commit('loginSuccess', null);
          // // 跳转登录页面，并将要浏览的页面fullPath传过去，登录成功后跳转需要访问的页面
          // setTimeout(() => {
          //     router.replace({
          //         path: '/login',
          //         query: {
          //             redirect: router.currentRoute.fullPath
          //         }
          //     });
          // }, 1000);
          break;
        // 404请求不存在
        case 404:
          message.error('网络请求不存在');
          // Toast({
          //     message: '网络请求不存在',
          //     duration: 1500,
          //     forbidClick: true
          // });
          break;
        // 其他错误，直接抛出错误提示
        default:
          message.error(error.response.data.message);
        // Toast({
        //     message: error.response.data.message,
        //     duration: 1500,
        //     forbidClick: true
        // });
      }
      return Promise.reject(error.response);
    }
  }
);
/**
 * get方法，对应get请求
 * @param {String} url [请求的url地址]
 * @param {Object} params [请求时携带的参数]
 */
function get(url: string, params = {}) {
  return new Promise((resolve, reject) => {
    axios
      .get(url, {
        params: params
      })
      .then((res: AxiosResponse) => {
        resolve(res.data);
      })
      .catch(err => {
        reject(err.data);
      });
  });
}
/**
 * post方法，对应post请求
 * @param {String} url [请求的url地址]
 * @param {Object} params [请求时携带的参数]
 */
function post(url: string, params = {}) {
  return new Promise((resolve, reject) => {
    // QS.stringify(params) -->这里邮箱@ 变成了百分号
    axios
      .post(url, params)
      .then((res: AxiosResponse) => {
        resolve(res.data);
      })
      .catch(err => {
        reject(err.data);
      });
  });
}
export { get, post };
